body{
font-family:Poppins, sans-serif;
margin:0;
background:#0f172a;
color:white;
}

/* HEADER */

.header{
background:#020617;
padding:15px 40px;
box-shadow:0 5px 25px rgba(0,0,0,0.6);
}

.nav-container{
display:flex;
justify-content:space-between;
align-items:center;
}

.logo img{
height:45px;
}

.nav a{
margin-left:20px;
color:white;
text-decoration:none;
transition:0.3s;
}

.nav a:hover{
color:#3b82f6;
}

/* HERO */

.hero{
text-align:center;
padding:90px 20px;
background:linear-gradient(180deg,#020617,#0f172a);
}

.hero h1{
font-size:46px;
margin-bottom:10px;
text-shadow:0 6px 20px rgba(0,0,0,0.8);
}

.hero p{
color:#cbd5f5;
font-size:18px;
}

/* IMAGE PREVIEW */

.preview{
display:flex;
justify-content:center;
margin-top:-40px;
}

.box-image{
width:55%;
border-radius:12px;
box-shadow:0 20px 60px rgba(0,0,0,0.7);
}

/* MAIN */

.container-body{
max-width:1100px;
margin:auto;
padding:60px 20px;
}

/* DOWNLOAD BOX */

.download-box{
background:rgba(255,255,255,0.03);
padding:40px;
border-radius:12px;
box-shadow:0 15px 50px rgba(0,0,0,0.6);
}

.download-box h3{
font-size:28px;
margin-bottom:10px;
}

.download-buttons{
display:flex;
gap:20px;
margin:30px 0;
flex-wrap:wrap;
}

/* BUTTONS */

.download-btn{
display:flex;
align-items:center;
gap:15px;
padding:15px 25px;
border-radius:8px;
text-decoration:none;
font-weight:500;
color:white;
transition:0.3s;
box-shadow:0 8px 25px rgba(0,0,0,0.6);
}

.download-btn img{
width:28px;
}

.windows{
background:#2563eb;
}

.windows:hover{
background:#1d4ed8;
transform:translateY(-3px);
}

.linux{
background:#000000;
}

.linux:hover{
background:#1f1e1e;
transform:translateY(-3px);
}

.android{
background:#368a3b;
}

.android:hover{
background:#15803d;
transform:translateY(-3px);
}


/* RELEASE NOTES */

.release-notes{
margin-top:30px;
line-height:1.6;
}

.release-notes h4{
margin-top:30px;
color:#3b82f6;
}

.release-notes ul{
padding-left:20px;
}

.release-notes li{
margin-bottom:10px;
}

/* FOOTER */

.footer{
margin-top:80px;
background:#020617;
padding-top:50px;
box-shadow:0 -10px 40px rgba(0,0,0,0.6);
}

.footer-container{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
gap:40px;
padding:0 20px 40px 20px;
}

.footer-logo img{
height:40px;
margin-bottom:10px;
}

.footer-logo p{
color:#94a3b8;
max-width:250px;
}

.footer-links{
display:flex;
gap:60px;
flex-wrap:wrap;
}

.footer-section h4{
margin-bottom:10px;
color:#3b82f6;
}

.footer-section a{
display:block;
text-decoration:none;
color:#cbd5f5;
margin-bottom:8px;
transition:0.3s;
}

.footer-section a:hover{
color:white;
transform:translateX(4px);
}

.footer-bottom{
border-top:1px solid rgba(255,255,255,0.08);
text-align:center;
padding:20px;
color:#94a3b8;
font-size:14px;
}